<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<!-- axios 是一个专业的网络请求库，并不是 vue 专用的，react angular 等都可以直接使用 -->
<script src="./lib/axios.js"></script>
<script>
    // axios.get("https://api.i-lynn.cn/college").then(data=>{
    //     // axios 进行了很多维度的封装、优化，它返回回来的数据也进行了封装
    //     console.log(data.data.data.list);
    // })
    // // axios.post("url", {
    // //     name: ""
    // // }).then(res=>{})
    // axios({
    //     method: "GET",
    //     url:"/college",
    //     baseURL: "https://api.i-lynn.cn"
    // }).then(res=>{
    //     console.log(res)
    // })
    
    // axios 请求的优势还在于 可以非常方便的进行相关的配置
    // 设置超时时间
    axios.defaults.timeout = 3000
    // 设置 baseURL，这个地方很容易犯错，一般情况下我们一次配置终生有效
    axios.defaults.baseURL = "https://api.i-lynn.cn"
    // 设置请求头的一些相关参数
    axios.defaults.headers["token"] = "1211212121212"
    axios.get("/college").then(res => {
        console.log(res)
    })

</script>
</html>